<template>
  <div class="manage-money">
    <header-page class="header-page" title="理财" />
    <head-category class="head-category" />
    <head-slider/>
    <due-on-demand/>
    <navbar class="navbar"/>
  </div>
</template>
<script>
import Navbar from '@/pages/comm-comp/navbar/navbar.vue'
import HeaderPage from '@/components/core/header-page.vue'
import HeadCategory from './head-category/head-category.vue'
import HeadSlider from './head-slider/head-slider.vue'
import DueOnDemand from './due-on-demand/due-on-demand.vue' // 活期类

export default {
  name: 'have-money-spend',
  components: {
    Navbar,
    HeaderPage,
    HeadCategory,
    HeadSlider,
    DueOnDemand
  }
}
</script>
<style lang="scss" scoped>
.manage-money {
  .navbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
  }
}
</style>
